<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>循环结构</title>
	</head>
	<body>
		 <div id="app">
			<!-- .number数值
			.trim去除左右空格
			.lazy离焦事件 -->
			<h1>数据展示:{{age}}</h1>
			年龄: <input type="text" v-model.number="age">
			<hr >
			用户输入的长度:{{name.length}} <br/>
			用户名: <input type="text" v-model.trim="name" >
			<hr >
			展示lazy~~~{{msg}} <br/>
			<input type="text" v-model.lazy="msg" >
		 </div>
		 
		 
		 <script src="../js/vue.js"> </script>
		 <script>
			
			const APP =new Vue({
				
				el: "#app",
				data: {
					age: 0,
					name:'',
					msg:''
				},
				methods: {
					
					
				}
			})
		 </script>
	</body>
</html>
